<template>
  <div>
    <comp :p1="p1"></comp>
    <button @click="p1+=1">change prop value</button>
  </div>
</template>

<script>
  import {ref,watchEffect,toRefs} from "@vue/composition-api";
  import comp from './comp'
  export default {
    components:{
      comp
    },
    setup(props, ctx) {
      const p1 = ref(0);
      return {
        p1
      }
    }
  };
</script>

<style lang="scss" scoped></style>
